<ui:composition template="template.xhtml"
				xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.prime.com.tr/ui">
<link rel="stylesheet" href="../css/style.css" type="text/css"/>
<ui:define name="body">
<table>
	<tr>
		<td class="texto3"  style="height:400px;width:900px;background-color: #E0EEEE" align="center">
			<p:messages id="msgs" showDetail="false"/>
			<h:form >  
				<p:panel id="panel" header="#{msg.label_cadastro_usuario}"  style="width:600px;margin-bottom:10px;">  
			        <h:panelGrid columns="2">  
			            <h:outputLabel for="nome" value="#{msg.label_nome}(*):" style="font-size:12px" styleClass="texto1"/>  
			            <p:inputText id="nome" value="#{usuarioBean.usuario.nome}" size="60" required="true" style="font-size:12px" styleClass="texto1">  
			                <f:validateLength minimum="2" /> 
			            </p:inputText> 
			           
			            <h:outputLabel for="cpf" value="#{msg.label_cpf}(*):" style="font-size:12px" styleClass="texto1"/>  
			            <p:inputMask id="cpf" value="#{usuarioBean.usuario.id}" size="20" mask="999.999.999-99" disabled="#{base.flag}" required="true" style="font-size:12px" styleClass="texto1">  
			                <f:validateLength maximum="15" />
			            </p:inputMask>
			            
			            <h:outputLabel for="endereco" value="#{msg.label_endereco}(*):" style="font-size:12px" styleClass="texto1"/>  
			            <p:inputText id="endereco" value="#{usuarioBean.usuario.endereco}" size="60" required="true" style="font-size:12px" styleClass="texto1">  
			                <f:validateLength maximum="250" />  
			            </p:inputText>  
			            
			            <h:outputLabel for="telefone" value="#{msg.label_telefone}:" style="font-size:12px" styleClass="texto1"/>  
			            <p:inputMask id="telefone" value="#{usuarioBean.usuario.telefone}" size="25" mask="(99)9999-9999" required="false" style="font-size:12px" styleClass="texto1">  
			           	</p:inputMask>  
			            
			            <h:outputLabel for="login" value="#{msg.label_login}(*):" style="font-size:12px" styleClass="texto1"/>  
			            <p:inputText id="login" value="#{usuarioBean.usuario.login}" size="30" required="true" style="font-size:12px" styleClass="texto1">  
			            </p:inputText>  
			            
			            <h:outputLabel for="senha" value="#{msg.label_senha}(*):" style="font-size:12px" styleClass="texto1"/>  
			            <p:keyboard value="#{usuarioBean.usuario.senha}" id="senha" password="true" keypadOnly="true" size="25" maxlength="20" required="true" style="font-size:12px" styleClass="texto1"/>   
			            
			            <h:outputLabel for="confirmarSenha" value="#{msg.label_confirmar_senha}(*):" style="font-size:12px" styleClass="texto1"/>  
			            <p:keyboard value="#{usuarioBean.usuario.senha2}" id="confirmarSenha" password="true" keypadOnly="true" size="25" maxlength="20" required="true" style="font-size:12px" styleClass="texto1"/>   
			            
			            <h:outputLabel for="perfil" value="#{msg.label_perfil}:" style="font-size:12px" styleClass="texto1"/>  
			            <h:selectOneMenu id="perfil" value="#{usuarioBean.selectedPerfil}" style="font-size:12px" styleClass="texto1">
			            	<f:selectItems value="#{usuarioBean.perfis}"/>
			            </h:selectOneMenu>
			            
			            <h:outputLabel for="bloq" value="#{msg.label_bloqueado}:" style="font-size:12px" styleClass="texto1"/>  
			            <h:selectBooleanCheckbox id="bloq" value="#{usuarioBean.usuario.bloqueado}" style="font-size:12px" styleClass="texto1">
			            </h:selectBooleanCheckbox>
			            
			            <h:inputHidden id="id" value="#{usuarioBean.idPessoa}" />
			            
			        </h:panelGrid>  
			        <h:panelGrid columns="2" >  
				        <p:commandButton value="#{msg.button_salvar}" actionListener="#{usuarioBean.cadastrar}"  ajax="false" style="font-size:12px" styleClass="texto1"/>
	            		<p:commandButton value="#{msg.button_voltar}" action="#{usuarioBean.cancelar}" style="font-size:12px" styleClass="texto1"   immediate="true" ajax="false" />
	            		
            </h:panelGrid>  
			    </p:panel>                              
			 </h:form>
		</td>
	</tr>
</table>
</ui:define>
</ui:composition>